import React from 'react';
import Logo from '../Logo';
import Avatar from '../Avatar';
import './Header.scss';

interface IHeader {
  darkly?: boolean;
}

const Header: React.FC<IHeader> = (prop) => {
  const { darkly = false } = prop;
  return (
    <>
      <header className="hi-global-header"></header>
      <header className={`hi-global-header hi-global-fixed-header ${darkly ? 'darkly': ''}`}>
        <Logo darkly={darkly} />
        <div className="hi-global-header-index-right">
          <Avatar darkly={darkly} />
        </div>
      </header>
    </>
  )
}

export default Header
